<template>
  <div class="f-menu__content" style="z-index: 19">
    <div
      :class="{
        'f-menu__content-header': true,
        'f-menu__content-header--right': !left,
      }"
    >
      <slot name="header"></slot>
    </div>
    <div class="f-menu__content-main">
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'FlightMenu',
  props: {
    left: Boolean,
  },
};
</script>